@media (max-width: 575.98px) {
    html {
        font-size: 50%;
    }

    .base-fs { font-size: 1.4rem !important; }
    
    #in_ys { background: url(../images/in_bg3_1.jpg) center no-repeat; background-size: cover;}
    #in_news { background: var(--base_color); }
    #sider { top: 20px !important; }
    
     footer .base-fs { font-size: 1.5rem !important; }

    .fs36,.fs40,.fs45 { font-size: 2.8rem !important; }

    .fs24 { font-size: 2.2rem; }

    .fs20 { font-size: 1.8rem; }

    .in_lf_title { max-width: 90px; }

    .in_list .fs15 { font-size: 1.8rem !important; }

    #in_ys .fs36 { font-size: 3.2rem !important; }

    #in_box4 .in_title:after { display: none !important; }

    .lcList li span { width: 40px; height: 40px; line-height: 40px; }
    .lcList li:nth-child(4) span.rounded-circle:after { display: none; }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    html {
        font-size: 60%;
    }
    #in_box3 .container,#page_ys_box .container { max-width: 100% !important; }
    #in_ys { background: url(../images/in_bg3_1.jpg) center no-repeat; background-size: cover;}
    #in_news { background: var(--base_color); }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #in_ys { background: url(../images/in_bg3_1.jpg) center no-repeat; background-size: cover;}
    #in_news { background: var(--base_color); }
    #in_box3 .container,#page_ys_box .container { max-width: 100% !important; }

}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .py-6 {
        padding: 50px 0 !important;
    }

    .logo { -ms-flex:0 0 23% !important;flex:0 0 23% !important;max-width: 23% !important}
    .nav_box { -ms-flex:0 0  77% !important;flex:0 0  77% !important;max-width: 77% !important}

    .in_content {
        height: 150px;
        overflow: hidden;
    }

    .mImg {
        max-width: 600px;
    }

    #in_box1 {
        background-image: linear-gradient(to right, var(--base-color) 30%, rgba(255,255,255,0) 30%);
    }

    #in_box3 .container,#page_ys_box .container { max-width: 100% !important; }

    #in_ys { background: url(../images/in_bg3_1.jpg) top no-repeat; background-size: cover; }

    #in_news { background-color: var(--base_color); }
}


@media (min-width: 1200px) {

    #name_box_w .logo img {
        height: 66px;
    }

    #name_box_w .nav a {
    line-height: 66px;
}
 
    .logo { -ms-flex:0 0 30% !important;flex:0 0 30% !important;max-width:30% !important}
    .nav_box { -ms-flex:0 0 70% !important;flex:0 0 70% !important;max-width:70% !important}


    .py-6 {
        padding: 80px 0 !important;
    }

    .fs-lg-45 { font-size: 4.5rem; }
    .fs-lg-24 { font-size: 2.4rem; }

    #name_box_w #logo,
    #name_box_w #top_tel {
        height: 100px;
    }

    #banner_box {
        width: 100%;
        height: 700px;
        overflow: hidden;
        position: relative;
    }

    #banner_box .banner {
        width: 1920px;
        height: 700px;
        left: 50%;
        margin-left: -960px !important;
        position: absolute;
    }

    .in_content {
        height: 150px;
        overflow: hidden;
    }

    .mImg {
        max-width: 600px;
    }

    #in_box1 {
        background-image: linear-gradient(to right, var(--base-color) 30%, rgba(255,255,255,0) 30%);
        margin-bottom: 10rem;
        padding-bottom: 0 !important;
    }

    #in_box1 .container { transform: translateY(6rem); }

    #in_box3 {
        /*background-image: linear-gradient(to right, #02afa9 57%, #a22926 43%) !important;*/
        background: url(../images/in_bg3.jpg) center no-repeat; 
        background-size: cover;
    }

    .page-footer .main {
    background-image: linear-gradient(to right, #000206 50%, #3ea9ef 50%) !important;
    }
}